﻿<!doctype html>
<html>
<head>
  <title>伪元素</title>
  <style type="text/css">
    p{
        font-size:14px;
        color:#00FF00;
     }
    p:first-Line{
               text-decoration:underLine;
     }
    p:before{
        content:"这是通过before动态添加的，位于前面";
        color:#0000FF;
    }
     p:first-Letter{
          font-size:24px;
          color:#ff0000;
     }  
     }
    p:after{
        content:"这是通过after动态添加的，位于后面";
        color:#0000ff;
    }
  </style>
</head>
<body>
   <p>点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问点击这里访问</p>
</body>
</html>